<!--
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.

Copyright (c) 2023-present Kaleidos INC
-->

<ng-container *transloco="let t">
  <div class="error-wrapper">
    <div class="error-container">
      <a
        [routerLink]="['/']"
        [attr.aria-label]="t('navigation.go_home')">
        <img
          width="56"
          height="56"
          ngSrc="/assets/images/LogoTaiga.svg"
          alt="" />
      </a>
      <h1 class="error-title">{{ t('errors_page.403.title') }}</h1>
      <p
        class="error-paragraph"
        [innerHtml]="t('errors_page.403.text')"></p>
      <button
        appearance="primary"
        tuiButton
        (click)="backHome()"
        type="button">
        {{ t('errors_page.403.call_for_action') }}
      </button>
    </div>
    <img
      class="error-background-image"
      width="600"
      height="608"
      ngSrc="https://c.tenor.com/TbuJBSvnCLkAAAAd/cheese-challenge-cat.gif"
      alt="" />
  </div>
</ng-container>
